<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" type="" href="./css/base.css">
    <link rel="stylesheet" type="" href="./css/bootstrap.min.css">
    <link rel="stylesheet" type="" href="./style/index.css">
</head>

<body>
    <div class="paimai">
        <div class="showpaimai">
            <a href=""><img src="./img/1.jpg" alt=""></a>
            <div class="close">x</div>
        </div>
    </div>
    <div class="littleheader">
        <div class="contain" style="height:30px;">
            <ul class="twopart">
                <li class="lf">
                    <div class="local">
                        <span class="glyphicon glyphicon-map-marker orange"></span>
                        <span>北京</span>
                        <div class="chengshi">
                            <table>
                                <tr>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                    <td><a href="">上海</a></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </li>
                <li class="rg">
                    <ul>
                        <li id="dl_zc">
                            <a href="./login.html">你好,请登录</a>
                            <a href="./register.html" class="orange">免费注册</a>
                        </li>
                        <li class="line"></li>
                        <li>我的订单</li>
                        <li class="line"></li>
                        <li class="wdjd">我的京东
                            <sapn class="glyphicon glyphicon-menu-down"></sapn>
                            <div class="wdjd_list">
                                <div>
                                    <div>
                                        <p><a href="">待处理订单</a></p>
                                        <p><a href="">返修退换货</a></p>
                                        <p><a href="">降价商品</a></p>
                                    </div>
                                    <div>
                                        <p><a href="">消息</a></p>
                                        <p><a href="">我的问答</a></p>
                                        <p><a href="">我的关注</a></p>
                                    </div>
                                </div>
                                <div>
                                    <div>
                                        <p><a href="">我的京豆</a></p>
                                        <p><a href="">我的白条</a></p>
                                    </div>
                                    <div>
                                        <p><a href="">我的优惠券</a></p>
                                        <p><a href="">我的理财</a></p>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line"></li>
                        <li>京东会员</li>
                        <li class="line"></li>
                        <li>企业采购</li>
                        <li class="line"></li>
                        <li class="khfw">客户服务
                            <sapn class="glyphicon glyphicon-menu-down"></sapn>
                            <div class="khfw_list">
                                <div>
                                    <p>客户</p>
                                    <div>
                                        <div>
                                            <p><a href="">帮助中心</a></p>
                                            <p><a href="">售后服务</a></p>
                                            <p><a href="">在线客服</a></p>
                                            <p><a href="">意见建议</a></p>
                                        </div>
                                        <div>
                                            <p><a href="">电话客服</a></p>
                                            <p><a href="">客服邮箱</a></p>
                                            <p><a href="">金融咨询</a></p>
                                            <p><a href="">售全球客服</a></p>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <p>商户</p>
                                    <div>
                                        <div>
                                            <p><a href="">我的京豆</a></p>
                                            <p><a href="">我的白条</a></p>
                                        </div>
                                        <div>
                                            <p><a href="">我的优惠券</a></p>
                                            <p><a href="">我的理财</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line"></li>
                        <li class="wzdh">网站导航
                            <sapn class="glyphicon glyphicon-menu-down"></sapn>
                            <div class="wzdh_list">
                                <div>
                                    <p>特色主题</p>
                                    <div>
                                        <table>
                                            <tr>
                                                <td>京东试用</td>
                                                <td>京东金融</td>
                                                <td>全球售</td>
                                                <td>国际站</td>
                                            </tr>
                                            <tr>
                                                <td>京东会员</td>
                                                <td>京东预售</td>
                                                <td>买什么</td>
                                                <td>俄语站</td>
                                            </tr>
                                            <tr>
                                                <td>0元评测</td>
                                                <td>定期送</td>
                                                <td>港澳售</td>
                                                <td>优惠券</td>
                                            </tr>
                                            <tr>
                                                <td>秒杀</td>
                                                <td>闪购</td>
                                                <td>印尼站</td>
                                                <td>京东金融科技</td>
                                            </tr>
                                            <tr>
                                                <td>In货推荐</td>
                                                <td>京东金融科技</td>
                                                <td>陪伴计划</td>
                                                <td>出海招商</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div>
                                    <p>行业频道</p>
                                    <div>
                                        <table>
                                            <tr>
                                                <td>京东试用</td>
                                                <td>京东金融</td>
                                                <td>全球售</td>
                                            </tr>
                                            <tr>
                                                <td>0元评测</td>
                                                <td>定期送</td>
                                                <td>港澳售</td>
                                            </tr>
                                            <tr>
                                                <td>In货推荐</td>
                                                <td>京东金融科技</td>
                                                <td>陪伴计划</td>
                                            </tr>
                                            <tr>
                                                <td>京东试用</td>
                                                <td>京东金融</td>
                                                <td>全球售</td>
                                            </tr>
                                            <tr>
                                                <td>0元评测</td>
                                                <td>定期送</td>
                                                <td>港澳售</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div>
                                    <p>行业频道</p>
                                    <div>
                                        <table>
                                            <tr>
                                                <td>京东试用</td>
                                                <td>京东金融</td>
                                                <td>全球售</td>
                                            </tr>
                                            <tr>
                                                <td>0元评测</td>
                                                <td>定期送</td>
                                                <td>港澳售</td>
                                            </tr>
                                            <tr>
                                                <td>In货推荐</td>
                                                <td>京东金融科技</td>
                                                <td>陪伴计划</td>
                                            </tr>
                                            <tr>
                                                <td>京东试用</td>
                                                <td>京东金融</td>
                                                <td>全球售</td>
                                            </tr>
                                            <tr>
                                                <td>0元评测</td>
                                                <td>定期送</td>
                                                <td>港澳售</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                                <div>
                                    <p>行业频道</p>
                                    <div>
                                        <table>
                                            <tr>
                                                <td>京东试用</td>
                                                <td>京东金融</td>
                                                <td>全球售</td>
                                            </tr>
                                            <tr>
                                                <td>0元评测</td>
                                                <td>定期送</td>
                                                <td>港澳售</td>
                                            </tr>
                                            <tr>
                                                <td>In货推荐</td>
                                                <td>京东金融科技</td>
                                                <td>陪伴计划</td>
                                            </tr>
                                            <tr>
                                                <td>京东试用</td>
                                                <td>京东金融</td>
                                                <td>全球售</td>
                                            </tr>
                                            <tr>
                                                <td>0元评测</td>
                                                <td>定期送</td>
                                                <td>港澳售</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="line"></li>
                        <li class="sjjd">手机京东
                            <img src="./img/1-1.png" alt="">
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="head">
        <div class="contain headheight">
            <div class="jingdong">
                <img src="./img/logo.v3.jpg" alt="">
            </div>
            <div class="search">
                <div class="chazhao">
                    <input type="text" name="" placeholder="请输入商品...">
                    <img src="./img/cemera.png" class="cemera" alt="">
                </div>
                <div class="fangdajing"><span class="glyphicon glyphicon-search"></span></div>
            </div>
            <div class="shopping">
                <a href="" class="orange"><span class="glyphicon glyphicon-shopping-cart"></span>我的购物车</a>
            </div>
            <div class="leibie">
                <a href="">路游季</a>
                <a href="">联合满减</a>
                <a href="">农资畜牧</a>
                <a href="">3件7折</a>
                <a href="">预约省800</a>
                <a href="">浴霸</a>
                <a href="">唇彩唇蜜</a>
                <a href="">满减折上折</a>
                <a href="">蜡烛香薰</a>
            </div>
            <div class="sort">
                <a href="">秒杀</a>
                <a href="">优惠券</a>
                <a href="">闪购</a>
                <a href="">拍卖</a>
                <span>|</span>
                <a href="">服装城</a>
                <a href="">京东超市</a>
                <a href="">生鲜</a>
                <a href="">全球购</a>
                <span>|</span>
                <a href="">京东金融</a>
            </div>
            <div class="fupin">
                <img src="./img/fupin.png" alt="">
            </div>
        </div>
    </div>
    <div class="fifpart contain">
        <div class="left">

        </div>
        <div class="top">
            <div id="slideBox">
                <div class="imgBox">
                    <img src="./img/1-1-1.jpg" alt="" class="show">
                    <img src="./img/1-1-2.jpg" alt="">
                    <img src="./img/1-1-3.jpg" alt="">
                    <img src="./img/1-1-4.jpg" alt="">
                    <img src="./img/1-1-5.jpg" alt="">
                    <img src="./img/1-1-6.jpg" alt="">
                    <img src="./img/1-1-7.jpg" alt="">
                    <img src="./img/1-1-8.jpg" alt="">
                </div>
                <div class="indicators">
                    <span class="current"></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div class="buttons">
                    <div id="prev">
                        <p class="glyphicon glyphicon-menu-left"></p>
                    </div>
                    <div id="next">
                        <p class="glyphicon glyphicon-menu-right"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="botleft">
            <img src="./img/1-l-z.png" alt="" class="zuo">
        </div>
        <div class="botright">
            <img src="./img/1-l-y.png" alt="" class="you">
        </div>
        <div class="right">
            <div class="shang">
                <div class="hijd">
                    <img src="./img/569f387en27329841.jpg" alt="">
                    <div class="jieshao">
                        <p>Hi,欢迎来到京东...</p>
                        <a href="./login.html">登录</a><a href="./register.html">注册</a>
                    </div>
                </div>
                <div class="xinren">
                    <div>新人福利</div>
                    <div>PLUS会员</div>
                </div>
            </div>
            <div class="zhong">
                <div class="cugonggeng">
                    <div class="cx">
                        <p class="decorder" id="chuxiao">促销</p>
                        <span>|</span>
                        <p id="gonggao">公告</p>
                    </div>
                    <div class="gengduo">
                        更多
                    </div>
                </div>
                <div class="showcuxiao">
                    <div class="cxcontent">
                        <p>会时都会花露厉到货了</p>
                        <p>丰东股份的哈哈哈国锦湖</p>
                        <p>韩湖更好过恐惧有空余</p>
                        <p>欢聚一堂结光焊接</p>
                    </div>
                    <div class="ggcontent">
                        <p>眼睛要可以就飞鸽</p>
                        <p>他风高放韩国代购哈刚好</p>
                        <p>后悔死了社双头蛇</p>
                        <p>五色土讨论引入</p>
                    </div>
                </div>
            </div>
            <div class="xia">
                <table>
                    <tr>
                        <td class="sprite three-o">话费</td>
                        <td class="sprite two-o">机票</td>
                        <td class="sprite three-two">酒店</td>
                        <td class="sprite one-t">游戏</td>
                    </tr>
                    <tr>
                        <td class="sprite two-t">企业购</td>
                        <td class="sprite one-one">加油卡</td>
                        <td class="sprite two-two">电影票</td>
                        <td class="sprite three-t">火车票</td>
                    </tr>
                    <tr>
                        <td class="sprite one-f">众筹</td>
                        <td class="sprite two-f">理财</td>
                        <td class="sprite three-f">礼品卡</td>
                        <td class="sprite one-two">白条</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="contain marg">
        <div class="first">
            <div class="hengfu">
                <div class="xiaojiao sp-one local-xj">
                </div>
                <div class="naozhong">
                    <span class="naozhong sp-nz local-nz"></span>
                </div>
                <div class="miaosha">
                    <span>京东秒杀</span>
                    <a href="">总有你想不到的低价</a>
                </div>
                <div class="daojishi">
                    <span>当前场次</span>
                    <h1></h1>
                    <span>后结束抢购</span>
                </div>
            </div>
            <div class="neirong">
                <div class="ms_left">
                    <div id="ms_left_slideBox">
                        <div class="ms_left_imgBox">

                        </div>
                        <div class="ms_left_buttons">
                            <span id="ms_left_prev" class="ms_left_span">&lt;</span>
                            <span id="ms_left_next" class="ms_left_span">&gt;</span>
                        </div>
                    </div>
                </div>
                <div class="ms_right">
                    <div id="ms_rt_slideBox">
                        <div class="ms_rt_imgBox">
                            <img src="./img/ms-rt.jpg" alt="" class="show">
                            <img src="./img/ms_r2.jpg" alt="">
                        </div>
                        <div class="ms_rt_indicators">
                            <span class="current"></span>
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="second">
            <div class="second_left">
                <div class="second_left_head">
                    <h2>发现好货</h2>
                    <a href="">发现品质生活</a>
                </div>
                <div class="second_left_content">

                </div>
            </div>
            <div class="second_middle">
                <div class="second_middle_head">
                    <h2>会买专辑</h2>
                    <a href="">甄选优质好物</a>
                </div>
                <div class="second_middle_content">
                    <div id="huimai_slideBox">
                        <div class="huimai_imgBox">

                        </div>
                        <div class="huimai_indicators">
                            <span class="current"></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="huimai_buttons">
                            <div id="huimai_prev">
                                <p class="glyphicon glyphicon-menu-left"></p>
                            </div>
                            <div id="huimai_next">
                                <p class="glyphicon glyphicon-menu-right"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="second_right">
                <div class="second_right_head">
                    <h2>排行榜</h2>
                    <a href="">专属你的购物指南</a>
                </div>
                <div class="second_right_content">

                </div>
            </div>
        </div>

        <div class="third">
            <div class="ljzx">
                <div class="ljzx_head">
                    <h2>领券中心</h2>
                    <a href="">前往领券中心</a>
                </div>
                <div class="ljzx_content ">

                </div>
            </div>
            <div class="xunmi">
                <div class="xunmi_head">
                    <h2>觅ME</h2>
                    <a href="">探索生活</a>
                </div>
                <div class="xunmi_content">
                    <div id="xinmi_slideBox">
                        <div class="xinmi_imgBox">
                        </div>
                        <div class="xinmi_indicators">
                            <span class="current"></span>
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="xinmi_buttons">
                            <div id="xinmi_prev">
                                <p class="glyphicon glyphicon-menu-left"></p>
                            </div>
                            <div id="xinmi_next">
                                <p class="glyphicon glyphicon-menu-right"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="guangao">
        <div class="contain">
            <div>
                <a href=""><img src="//m.360buyimg.com/babel/jfs/t8554/160/2142803495/20864/8bc5b81d/59c4a99aN1680b90d.jpg!q90" alt=""></a>
            </div>
            <div>
                <a href=""><img src="//img1.360buyimg.com/da/jfs/t8323/150/1512129583/24010/b2475f76/59bb2815N81f06fad.jpg!q90" alt=""></a>
            </div>
            <div>
                <a href=""><img src="//img1.360buyimg.com/da/jfs/t10408/270/56899945/13816/6a0bc921/59c4b078Nd4bcf69d.jpg!q90" alt=""></a>
            </div>
        </div>
    </div>
    <div class="contain">
        <div class="xiangshenghuo">
            <div class="xsh_text">
                <span>.............................</span>享品质<span>.............................</span>
            </div>
            <div class="xsh_content">
                <ul class="ul_eight">
                    <li class="jdzb">
                        <div id="jdzb_slideBox">
                            <div class="jdzb_imgBox">
                                <div class="jdzb_show show_jdzb">
                                    <div class="jdzb_bt">
                                        <h4>京东直播</h4>
                                        <a href="">更多</a>
                                    </div>
                                    <img src="//img10.360buyimg.com/live/s390x350_jfs/t10705/184/237647792/450912/2e5176ab/59c9e74cN6a1f7429.png" alt="">
                                </div>
                                <div class="show_jdzb">
                                    <div class="jdzb_bt">
                                        <h4>京东直播</h4>
                                        <a href="">更多</a>
                                    </div>
                                    <img src="//img11.360buyimg.com/live/s390x350_jfs/t9139/240/1811330567/23780/aa77d587/59c9f1c8N5700ec41.jpg" alt="">
                                </div>
                                <div class="show_jdzb">
                                    <div class="jdzb_bt">
                                        <h4>京东直播</h4>
                                        <a href="">更多</a>
                                    </div>
                                    <img src="//img12.360buyimg.com/live/s390x350_jfs/t10267/148/157558962/106771/29cdfb81/59c76a3aN5dd07952.jpg" alt="">
                                </div>
                                <div class="show_jdzb">
                                    <div class="jdzb_bt">
                                        <h4>京东直播</h4>
                                        <a href="">更多</a>
                                    </div>
                                    <img src="//img13.360buyimg.com/live/s390x350_jfs/t9316/267/1793914051/275972/929bc4bd/59c8cdf4N1733d767.jpg" alt="">
                                </div>
                                <div class="show_jdzb">
                                    <div class="jdzb_bt">
                                        <h4>京东直播</h4>
                                        <a href="">更多</a>
                                    </div>
                                    <img src="//img14.360buyimg.com/live/s390x350_jfs/t10636/162/153309089/168130/4d4bc9a5/59c7780aN68c74b0e.jpg" alt="">
                                </div>
                            </div>
                            <div class="jdzb_indicators">
                                <span class="current"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <div class="jdzb_buttons">
                                <div id="jdzb_prev">
                                    <p class="glyphicon glyphicon-menu-left"></p>
                                </div>
                                <div id="jdzb_next">
                                    <p class="glyphicon glyphicon-menu-right"></p>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="xpz_block block1">
                        <div>
                            <hr>
                            <h3>新品首发</h3>
                            <hr>
                            <p>个恒大华府刚好</p>
                        </div>
                        <div>
                            <img src="" alt="">
                        </div>
                    </li>
                    <li class="xpz_block block2">
                        <div>
                            <hr>
                            <h3>新品首发</h3>
                            <hr>
                            <p>个恒大华府刚好</p>
                        </div>
                        <div>
                            <img src="" alt="">
                        </div>
                    </li>
                    <li class="xpz_block block3">
                        <div>
                            <hr>
                            <h3>新品首发</h3>
                            <hr>
                            <p>个恒大华府刚好</p>
                        </div>
                        <div>
                            <img src="" alt="">
                        </div>
                    </li>
                    <li class="xpz_block block4">
                        <div>
                            <hr>
                            <h3>新品首发</h3>
                            <hr>
                            <p>个恒大华府刚好</p>
                        </div>
                        <div>
                            <img src="" alt="">
                        </div>
                    </li>
                    <li class="xpz_block block5">
                        <div>
                            <hr>
                            <h3>新品首发</h3>
                            <hr>
                            <p>个恒大华府刚好</p>
                        </div>
                        <div>
                            <img src="" alt="">
                        </div>
                    </li>
                    <li class="xpz_block block6">
                        <div>
                            <hr>
                            <h3>新品首发</h3>
                            <hr>
                            <p>个恒大华府刚好</p>
                        </div>
                        <div>
                            <img src="" alt="">
                        </div>
                    </li>
                    <li class="xpz_block block7">
                        <div>
                            <hr class="no_pa_mar">
                            <h3 class="no_pa_mar">新品首发</h3>
                            <hr class="no_pa_mar">
                            <p class="no_pa_mar">个恒大华府刚好</p>
                        </div>
                        <div>
                            <img src="" alt="">
                        </div>
                    </li>
                    <li class="xpz_block block8">
                        <div>
                            <hr class="no_pa_mar">
                            <h3 class="no_pa_mar">新品首发</h3>
                            <hr class="no_pa_mar">
                            <p class="no_pa_mar">个恒大华府刚好</p>
                        </div>
                        <div>
                            <img src="" alt="">
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="guangao">
        <div class="contain">
            <div>
                <a href=""><img src="//m.360buyimg.com/babel/jfs/t9031/79/2064701721/18096/7792a994/59c314ddN3ef70bb0.jpg!q90" alt=""></a>
            </div>
            <div>
                <a href=""><img src="//img1.360buyimg.com/da/jfs/t8368/36/1430059765/28293/41c140ba/59b91872N9a46e9d8.jpg!q90" alt=""></a>
            </div>
            <div>
                <a href=""><img src="//img1.360buyimg.com/da/jfs/t9295/261/2058626897/16576/cea3f23/59c34912N708ec3f6.jpg!q90" alt=""></a>
            </div>
        </div>
    </div>
    <div class="contain">
        <div class="aishenghuo">
            <div class="xsh_text">
                <span>.............................</span>爱生活<span>.............................</span>
            </div>
            <div class="ash_content">

            </div>
        </div>
    </div>
    <div class="contain">
        <div class="aishenghuo">
            <div class="xsh_text">
                <span>.............................</span>购特色<span>.............................</span>
            </div>
            <div class="gts_content">
                <a href="">
                    <img src="//img10.360buyimg.com/babel/s140x190_jfs/t9298/33/902036725/37467/e565fb7c/59b0fdbdN920cdd6b.jpg!q90" alt="">
                    <div>
                        <h3>司法拍卖</h3>
                        <span>法院好货</span><span>公开抢拍</span>
                    </div>
                </a>
                <a href="">
                    <img src="//img10.360buyimg.com/babel/s140x190_jfs/t9298/33/902036725/37467/e565fb7c/59b0fdbdN920cdd6b.jpg!q90" alt="">
                    <div>
                        <h3>司法拍卖</h3>
                        <span>法院好货</span><span>公开抢拍</span>
                    </div>
                </a>
                <a href="">
                    <img src="//img10.360buyimg.com/babel/s140x190_jfs/t9298/33/902036725/37467/e565fb7c/59b0fdbdN920cdd6b.jpg!q90" alt="">
                    <div>
                        <h3>司法拍卖</h3>
                        <span>法院好货</span><span>公开抢拍</span>
                    </div>
                </a>
                <a href="">
                    <img src="//img10.360buyimg.com/babel/s140x190_jfs/t9298/33/902036725/37467/e565fb7c/59b0fdbdN920cdd6b.jpg!q90" alt="">
                    <div>
                        <h3>司法拍卖</h3>
                        <span>法院好货</span><span>公开抢拍</span>
                    </div>
                </a>
                <a href="">
                    <img src="//img10.360buyimg.com/babel/s140x190_jfs/t9298/33/902036725/37467/e565fb7c/59b0fdbdN920cdd6b.jpg!q90" alt="">
                    <div>
                        <h3>司法拍卖</h3>
                        <span>法院好货</span><span>公开抢拍</span>
                    </div>
                </a>
                <a href="">
                    <img src="//img10.360buyimg.com/babel/s140x190_jfs/t9298/33/902036725/37467/e565fb7c/59b0fdbdN920cdd6b.jpg!q90" alt="">
                    <div>
                        <h3>司法拍卖</h3>
                        <span>法院好货</span><span>公开抢拍</span>
                    </div>
                </a>
                <a href="">
                    <img src="//img10.360buyimg.com/babel/s140x190_jfs/t9298/33/902036725/37467/e565fb7c/59b0fdbdN920cdd6b.jpg!q90" alt="">
                    <div>
                        <h3>司法拍卖</h3>
                        <span>法院好货</span><span>公开抢拍</span>
                    </div>
                </a>
                <a href="">
                    <img src="//img10.360buyimg.com/babel/s140x190_jfs/t9298/33/902036725/37467/e565fb7c/59b0fdbdN920cdd6b.jpg!q90" alt="">
                    <div>
                        <h3>司法拍卖</h3>
                        <span>法院好货</span><span>公开抢拍</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="guangao">
        <div class="contain">
            <div>
                <a href=""><img src="https://m.360buyimg.com/babel/jfs/t9238/257/1968204869/15678/175ac7dc/59c200ebNb4d818b5.jpg!q90" alt=""></a>
            </div>
            <div>
                <a href=""><img src="//img13.360buyimg.com/da/jfs/t3877/284/481420574/17386/4cd94084/58523ad9N5f3895b8.jpg!q90" alt=""></a>
            </div>
            <div>
                <a href=""><img src="//img20.360buyimg.com/da/jfs/t3097/270/4701609128/14784/3e8bae43/585227e6Nddaaf8d6.jpg!q90" alt=""></a>
            </div>
        </div>
    </div>
    <div class="contain">
        <div class="aishenghuo">
            <div class="xsh_text">
                <span>.............................</span>还没逛够<span>.............................</span>
            </div>
            <div class="hmgg_content">

            </div>
        </div>
    </div>

    <div class="index_right_bar">
        <div class="index_right_top">
            <div>
                <div class="index_right_first index_right_sprite index_right_one"></div>
                <div class="index_right_second">京东会员</div>
            </div>
            <div>
                <div class="index_right_first index_right_sprite index_right_two"></div>
                <div class="index_right_second">购物车</div>
            </div>
            <div>
                <div class="index_right_first index_right_sprite index_right_three"></div>
                <div class="index_right_second">我的关注</div>
            </div>
            <div>
                <div class="index_right_first index_right_sprite index_right_four"></div>
                <div class="index_right_second">我的足迹</div>
            </div>
            <div>
                <div class="index_right_first index_right_sprite index_right_five"></div>
                <div class="index_right_second">我的消息</div>
            </div>
            <div>
                <div class="index_right_first index_right_sprite index_right_six"></div>
                <div class="index_right_second">咨询JIMI</div>
            </div>

        </div>
        <div class="index_right_bottom">
            <div>
                <div class="index_right_first index_right_sprite index_right_sev"></div>
                <div class="index_right_second">顶部</div>
            </div>
            <div>
                <div class="index_right_first index_right_sprite index_right_eig"></div>
                <div class="index_right_second">反馈</div>
            </div>
        </div>
    </div>

    <div class="nav_bar_top_fix">
        <div class="contain jingdong hei_full">
            <div class="nav_bar_top_fix_img"></div>
            <div class="search">
                <div class="chazhao">
                    <input type="text" name="" placeholder="请输入商品...">
                    <img src="./img/cemera.png" class="cemera_two" alt="">
                </div>
                <div class="fangdajing"><span class="glyphicon glyphicon-search"></span></div>
            </div>
        </div>
    </div>

    <div class="left_jianting">
        <div class="fix_left">
            <div class="on_xpz">享品质</div>
            <div class="on_fsmz">服饰美妆</div>
            <div class="on_jdsj">家电手机</div>
            <div class="on_dnsm">电脑数码</div>
            <div class="on_3cyd">3C运动</div>
            <div class="on_ac">爱吃</div>
            <div class="on_myjj">母婴家居</div>
            <div class="on_tsqc">图书汽车</div>
            <div class="on_yxjr">游戏金融</div>
            <div class="on_lxjk">旅行健康</div>
            <div class="on_hmgg">还没逛够</div>
            <div class="on_top"><a href="#">顶部^</a></div>
        </div>
    </div>

    <div class="shouwei">

    </div>
    <!--$('.on_fsmz')
            $('.on_jdsj')
            $('.on_dnsm')
            $('.on_3cyd')
            $('.on_ac')
            $('.on_myjj')
            $('.on_tsqc')
            $('.on_yxjr')
            $('.on_lxjk')
            $('.on_hmgg')-->

    <script src="./js/jquery.js"></script>
    <script src="./js/jquery.plugin.min.js"></script>
    <script src="./js/jquery.countdown.min.js"></script>
    <script src="./script/index.js"></script>
    <script src="./js/template-web.js"></script>

    <script id="result" type="text/html">
        <ul>
            {{each xx book index}}
            <li>
                <h5>
                    {{each book.sorts ele}}
                    <span>{{ele}}</span><span>/</span> {{/each}}
                </h5>
            </li>
            {{/each}}
        </ul>
    </script>
    <script>
        $.get('/lunbo/left', (data) => {
            var result = data.result;
            var strHtml = template('result', { xx: result });
            $('.left').html(strHtml);
        })
    </script>

    <script id="jdmas" type="text/html">

        {{each jdms item index}}
        <div class='ms_left_box'>
            {{each item.skitems ele index}} {{if index
            <5}} <div>
                <a href={{ele.link}}><img src={{ele.img}}> </a>
                <p>{{ele.text}}</p>
                <span>¥{{ele.price}}</span><span class='yuanjia'>¥{{ele.priceOrgin}}</span>
        </div>
        {{/if}} {{/each}}
        </div>
        {{/each}} {{each jdms item index}}
        <div class='ms_left_box'>
            {{each item.skitems ele index}} {{if index>4&&index
            <10}} <div>
                <a href={{ele.link}}><img src={{ele.img}}> </a>
                <p>{{ele.text}}</p>
                <span>¥{{ele.price}}</span><span class='yuanjia'>¥{{ele.priceOrgin}}</span>
        </div>
        {{/if}} {{/each}}
        </div>
        {{/each}} {{each jdms item index}}
        <div class='ms_left_box'>
            {{each item.skitems ele index}} {{if index>9&&index
            <15}} <div>
                <a href={{ele.link}}><img src={{ele.img}}> </a>
                <p>{{ele.text}}</p>
                <span>¥{{ele.price}}</span><span class='yuanjia'>¥{{ele.priceOrgin}}</span>
        </div>
        {{/if}} {{/each}}
        </div>
        {{/each}} {{each jdms item index}}
        <div class='ms_left_box'>
            {{each item.skitems ele index}} {{if index>14&&index
            <20}} <div>
                <a href={{ele.link}}><img src={{ele.img}}> </a>
                <p>{{ele.text}}</p>
                <span>¥{{ele.price}}</span><span class='yuanjia'>¥{{ele.priceOrgin}}</span>
        </div>
        {{/if}} {{/each}}
        </div>
        {{/each}}
    </script>
    <script>
        $.get('/menu', (data) => {
            var strHtml;
            strHtml += template('jdmas', { jdms: data });
            $('.ms_left_imgBox').html(strHtml);

            $('.ms_left_imgBox>div').eq(0).remove();
            $('.ms_left_imgBox>div').eq(1).remove();
            $('.ms_left_imgBox>div').eq(2).remove();
            $('.ms_left_imgBox>div').eq(3).remove();

            $('.ms_left_box').each(function (index, item) {
                $(this).css({
                    left: index * 980
                })
            })

            var ms_left_index = 0;
            var ms_left_lastIndex = 0;

            function ms_left_getPrevIndex() {
                return ms_left_index <= 0 ? $('.ms_left_box').length - 1 : ms_left_index - 1;
            }

            function ms_left_getNextIndex() {
                return ms_left_index >= $('.ms_left_box').length - 1 ? 0 : ms_left_index + 1;
            }

            function ms_left_showNextImage() {
                ms_left_index = ms_left_getNextIndex();

                $('.ms_left_box').eq(ms_left_index).finish().css({
                    left: 980
                }).animate({
                    left: 0
                }, 500)

                $('.ms_left_box').eq(ms_left_lastIndex).finish().animate({
                    left: -980
                }, 500)
                ms_left_lastIndex = ms_left_index;
            }

            function ms_left_showPrevImage() {
                ms_left_index = ms_left_getPrevIndex();
                $('.ms_left_box').eq(ms_left_index).finish().css({
                    left: -980
                }).animate({
                    left: 0
                }, 500);

                $('.ms_left_box').eq(ms_left_lastIndex).finish().animate({
                    left: 980
                }, 500)
                ms_left_lastIndex = ms_left_index;
            }

            $('#ms_left_next').click(function () {
                ms_left_showNextImage();
            })

            $('#ms_left_prev').click(function () {
                ms_left_showPrevImage();
            })

            // ----修改样式
            $('.ms_left_imgBox p').css({
                'color': 'gray',
                'font-size': '12px',
                'height': '36px',
                'overflow': 'hidden'
            })
        })
    </script>

    <script id="fxhh" type="text/html">
        {{each fxhh haohuo index}} {{each haohuo.boxBd.item ele}}
        <div class='fxhh_six'>
            <p>{{ele.text}}</p>
            <img src={{ele.img}}>
        </div>
        {{/each}} {{/each}}
    </script>
    <script>
        $.get('/faxianhaohuo', (data) => {
            var strHtml = template('fxhh', { fxhh: data });
            $('.second_left_content').html(strHtml);

            $('.fxhh_six').hover(function () {
                $(this).find('img').stop().animate({
                    'right': '20px'
                })
            }, function () {
                $(this).find('img').stop().animate({
                    'right': '10px'
                })
            })
        })
    </script>

    <script id="ljzx" type="text/html">
        {{each ljzx lingjuan index}} {{each lingjuan.boxBd.item ele index}}
        <div class="ljzx_four_div">

            <a href={{ele.link}}>
                <div>
                    <div class="ljzx_content_topfont">
                        <h1><span>¥</span>{{ele.coupon.price}}</h1>
                        <p>{{ele.coupon.desc}}</p>
                    </div>
                    <div class="ljzx_content_bottomfont">
                        <p>{{ele.coupon.limit}}</p>
                    </div>
                    <div class="bottom_red">{{ele.coupon.more}}</div>
                </div>
                <img src={{ele.img}} alt="">
            </a>

        </div>
        {{/each}} {{/each}}
    </script>
    <script>
        $.get('/lingjuanzhongxin', (data) => {
            // console.log(data);
            var strHtml = template('ljzx', { ljzx: data });
            $('.ljzx_content').html(strHtml);

            $('.ljzx_four_div').hover(function () {
                $(this).find('img').stop().animate({
                    'right': '5px'
                })
            }, function () {
                $(this).find('img').stop().animate({
                    'right': '10px'
                })
            })
        })
    </script>

    <script id="xunmi" type="text/html">
        {{each xm hhh}} {{each hhh.boxBd.item ele}}
        <div class="show_xummi yangshi">
            <div src={{ele.link}}>
                <img src={{ele.img}} alt="">
                <div>
                    <h5>{{ele.mine.title}}</h5>
                    <p>{{ele.mine.desc}}</p>
                </div>
            </div>
        </div>
        {{/each}} {{/each}}
    </script>
    <script>
        $.get('/xunmi', (data) => {
            var strHtml = template('xunmi', { xm: data });
            $('.xinmi_imgBox').html(strHtml);

            $('.xinmi_imgBox').first().addClass("xinmi_show");
        })
    </script>

    <script id="hmzj" type="text/html">
        {{each hmzj hm index}} {{each hm.boxBd.item item}}
        <div class="show_huimai">
            {{each item xm}}
            <div>
                <a href={{xm.link}}>
                    <p>{{xm.title}}</p>
                    {{each xm.imgs img}}
                    <img src={{img}} alt=""> {{/each}}
                </a>
            </div>
            {{/each}}
        </div>
        {{/each}} {{/each}}
    </script>
    <script>
        $.get('/hmzj', (data) => {
            var strHtml = template('hmzj', { hmzj: data });
            $('.huimai_imgBox').html(strHtml);

            $('.huimai_imgBox').first().addClass("huimai_show");
        })
    </script>

    <script>
        $.get('/xpz', (data) => {
            console.log(data);

            data.forEach(function (ele, index) {
                console.log(ele);
                $('.ul_eight h3').eq(index).text(ele.title);
                $('.ul_eight p').eq(index).text(ele.desc);
                $('.ul_eight>li>div>img').eq(index).attr('src', ele.img)
            });

        })
    </script>

    <script id="ash_sub" type="text/html">
        {{each ash_sub item}}
        <div class="ash_sub">
            <div class="ash_sub_head">
                <h4>{{item.title}}</h4>
                <img src="./img/ash_pt_qrcode@1x.png" alt="">
                <div>
                    {{each item.tags tag}}
                    <a href={{tag.link}}>{{tag.text}}</a> {{/each}}
                </div>
            </div>
            {{each item.body body}}
            <div class="ash_sub_content">
                <div class="fzc">
                    <a href={{body.cover.link}}>
                        <img src={{body.cover.img}} alt="">
                    </a>
                </div>
                <div class="ag_four">
                    {{each body.pbi pbi}}
                    <div>
                        <a href={{pbi.link}}>
                            <p>{{pbi.title}}</p>
                            <span>{{pbi.promo}}</span>
                            <img src={{pbi.img}} alt="">
                        </a>
                    </div>
                    {{/each}}
                </div>
                <div class="ag_three">
                    {{each body.more more}}
                    <a href={{more.link}}><img src={{more.img}} alt=""></a> {{/each}}
                </div>
                <div class="ag_six">
                    {{each item.foot foot}}
                    <a href={{foot.link}}><img src={{foot.img}} alt=""></a> {{/each}}
                </div>
            </div>
            {{/each}}
        </div>
        {{/each}}
    </script>
    <script>
        function animationGo(a, b, num) {
            $(a).click(function () {
                $("html, body").animate({
                    scrollTop: $(b).eq(num).offset().top
                }, { duration: 500, easing: "swing" });
                return false;
            });
        }
        $.get('/ash_sub', (data) => {
            var strHtml = template('ash_sub', { ash_sub: data });
            $('.ash_content').html(strHtml);
            animationGo('.on_xpz', '.ash_sub', 0);
            animationGo('.on_fsmz', '.ash_sub', 2);
            animationGo('.on_dnsm', '.ash_sub', 4);
            animationGo('.on_3cyd', '.ash_sub', 6);
            animationGo('.on_ac', '.ash_sub', 8);
            animationGo('.on_myjj', '.ash_sub', 10);
            animationGo('.on_tsqc', '.ash_sub', 12);
            animationGo('.on_yxjr', '.ash_sub', 14);
            animationGo('.on_lxjk', '.ash_sub', 16);

        })
    </script>

    <!--会买-->
    <script>
        var hmgg_suba = `
            <ul>
            {{each hmgg_sub hmgg}}
            <li>
                <a href={{hmgg.link}}>
                    <img src={{hmgg.img}} alt="">
                    <p>{{hmgg.title}}</p>
                    <span>{{hmgg.price}}</span>
                </a>
            </li>
            {{/each}}
        </ul>
        `
        $.get('/hmgg_sub', (data) => {
            var strHtml = template.render(hmgg_suba, { hmgg_sub: data });
            $('.hmgg_content').html(strHtml);

            $('.hmgg_content').find('li').hover(function () {
                $(this).css({
                    'border': '1px solid red'
                });
                $(this).find('p').css({
                    'color': 'red'
                });
                $(this).find('a').css({
                    'text-decoration': 'none'
                })
            }, function () {
                $(this).css({
                    'border': 'none'
                });
                $(this).find('p').css({
                    'color': 'gray'
                });
                $(this).find('a').css({
                    'text-decoration': 'none'
                })
            })
        })
    </script>

    <!--左侧滚动-->
    <script>
        $(window).scroll(function () {
            var num = $(window).scrollTop();
            console.log(num);
            if ($(window).scrollTop() >= 1900) {
                $('.fix_left').css({
                    'display': 'block'
                })
                $('.fix_left div').css({
                    'background-color': 'gray'
                });
                var index = Math.floor(Number((num - 1900) / 550));
                $('.fix_left div').eq(index).css({
                    'background-color': 'red'
                });
            } else {
                $('.fix_left').css({
                    'display': 'none'
                })
            }


        })
    </script>

    <script id="phb_animate" type="text/html">
        <div class="second_right_content_head">
            {{each phb_animate item}} {{each item.boxBd.title ele}}
            <a href={{ele.link}}>{{ele.text}}</a> {{/each}} {{/each}}
        </div>
        <div class="second_right_content_show">
            {{each phb_animate item}} {{each item.boxBd.item ele}}
            <div class="wuge">
                {{each ele six}}
                <div class="liuge">
                    <a href={{six.link}}>
                        <img src={{six.img}} alt="">
                        <p>{{six.text}}</p>
                    </a>
                </div>
                {{/each}}
            </div>
            {{/each}} {{/each}}
        </div>
    </script>
    <script>
        $.get('/phb_animate', (data) => {
            var strHtml = template('phb_animate', { phb_animate: data });
            $('.second_right_content').html(strHtml);
        })
    </script>


</body>

</html>